irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Wallust] Colored.css
224 lines4.1 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* Wallust Colored*/
3
4@import '../../.config/waybar/wallust/colors-waybar.css';
5
6* {
7 font-family: "JetBrainsMono Nerd Font";
8 font-weight: bold;
9 min-height: 0;
10 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11 font-size: 96%;
12 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13}
14
15window#waybar.hidden {
16 opacity: 0.5;
17}
18
19window#waybar,
20window#waybar.empty #window {
21 padding: 0px;
22 border: 0px;
23 background-color: transparent;
24}
25
26
27tooltip {
28 background: @background;
29 border-radius: 10px;
30 border-width: 1px;
31 border-style: solid;
32 border-color: @color15;
33}
34
35/*-----module groups----*/
36.modules-right {
37 border: 3px solid @color12;
38 border-radius: 40px 0px 0px 0px;
39 background-color: @color1;
40 padding-top: 2px;
41 padding-bottom: 2px;
42 padding-right: 4px;
43 padding-left: 4px;
44}
45
46.modules-center {
47 border: 3px solid @color7;
48 border-radius: 60px 0px 60px 0px;
49 background-color: @background;
50 padding-top: 2px;
51 padding-bottom: 2px;
52 padding-right: 4px;
53 padding-left: 4px;
54}
55
56.modules-left {
57 border: 3px solid @color12;
58 border-radius: 0px 0px 40px 0px;
59 background-color: @color1;
60 padding-top: 2px;
61 padding-bottom: 2px;
62 padding-right: 4px;
63 padding-left: 4px;
64}
65
66#taskbar button,
67#workspaces button {
68 color: @foreground;
69 box-shadow: none;
70 text-shadow: none;
71 padding: 0px;
72 border-radius: 9px;
73 padding-left: 4px;
74 padding-right: 4px;
75 animation: gradient_f 20s ease-in infinite;
76 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
77}
78
79#taskbar button.active,
80#workspaces button.active {
81 color: @background;
82 background-color: @color7;
83 padding-left: 8px;
84 padding-right: 8px;
85 animation: gradient_f 20s ease-in infinite;
86 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
87}
88
89#workspaces button.focused {
90 color: @color4;
91}
92
93#workspaces button.urgent {
94 color: #11111b;
95 border-radius: 10px;
96}
97
98#taskbar button:hover,
99#workspaces button:hover {
100 color: @color4;
101 padding-left: 2px;
102 padding-right: 2px;
103 animation: gradient_f 20s ease-in infinite;
104 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
105}
106
107#clock#2 {
108 color: @color6;
109}
110
111#backlight,
112#backlight-slider,
113#battery,
114#bluetooth,
115#clock,
116#cpu,
117#disk,
118#idle_inhibitor,
119#keyboard-state,
120#memory,
121#mode,
122#mpris,
123#network,
124#power-profiles-daemon,
125#pulseaudio,
126#pulseaudio-slider,
127#taskbar,
128#temperature,
129#tray,
130#window,
131#wireplumber,
132#workspaces,
133#custom-backlight,
134#custom-browser,
135#custom-cava_mviz,
136#custom-cycle_wall,
137#custom-dot_update,
138#custom-file_manager,
139#custom-keybinds,
140#custom-keyboard,
141#custom-light_dark,
142#custom-lock,
143#custom-hint,
144#custom-hypridle,
145#custom-menu,
146#custom-playerctl,
147#custom-power_vertical,
148#custom-power,
149#custom-quit,
150#custom-reboot,
151#custom-settings,
152#custom-spotify,
153#custom-swaync,
154#custom-tty,
155#custom-updater,
156#custom-weather,
157#custom-weather.clearNight,
158#custom-weather.cloudyFoggyDay,
159#custom-weather.cloudyFoggyNight,
160#custom-weather.default,
161#custom-weather.rainyDay,
162#custom-weather.rainyNight,
163#custom-weather.severe,
164#custom-weather.showyIcyDay,
165#custom-weather.snowyIcyNight,
166#custom-weather.sunnyDay {
167 color: @foreground;
168 padding-top: 4px;
169 padding-bottom: 4px;
170 padding-right: 6px;
171 padding-left: 6px;
172}
173
174#temperature.critical {
175 background-color: #ff0000;
176}
177
178@keyframes blink {
179 to {
180 color: #000000;
181 }
182}
183
184/*-----Indicators----*/
185#custom-hypridle.notactive,
186#idle_inhibitor.activated {
187 color: #39FF14;
188}
189
190#battery.critical:not(.charging) {
191 color: #f53c3c;
192 animation-name: blink;
193 animation-duration: 3.0s;
194 animation-timing-function: steps(12);
195 animation-iteration-count: infinite;
196 animation-direction: alternate;
197}
198
199#backlight-slider slider,
200#pulseaudio-slider slider {
201 min-width: 0px;
202 min-height: 0px;
203 opacity: 0;
204 background-image: none;
205 border: none;
206 box-shadow: none;
207}
208
209#backlight-slider trough,
210#pulseaudio-slider trough {
211 min-width: 80px;
212 min-height: 5px;
213 border-radius: 5px;
214}
215
216#backlight-slider highlight,
217#pulseaudio-slider highlight {
218 min-height: 10px;
219 border-radius: 5px;
220}
221
222#custom-cava_mviz {
223 padding-right: 10px;
224}